<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>低配镂空</title>
	<style>
		h1 {
			/*背景样式*/
			height: 300px;
			width: 500px;
			background-size: contain;
			background-repeat: no-repeat;
			background-image: url(../images/moon.jpg);
			/*文字样式*/
			font-size: 70px;
			font-weight: bold;
			text-align: center;
			line-height: 300px;
			/*图片文字样式*/
			-webkit-text-fill-color: transparent;
			-webkit-background-clip: text;
		}
	</style>
</head>

<body>

	<h1>MOON</h1>

</body>

</html>